import './App.scss';
import * as React from "react";
import {Link, Route, Routes} from 'react-router-dom'
import Home from "./views/Home";
import Start from "./views/start";
import  StartDoc from './demo/doc/start'
import Inputdemo from "./demo/Inputdemo";
import Buttondemo from "./demo/buttondemo";
import AppLayout from "./views/applayout";
import Switchdemo from "./demo/switchdemo";
import Alertdemo from "./demo/alertdemo";
import Icondemo from "./demo/icondemo";
import Tabdemo from "./demo/tabdemo";
import Layoutdemo from "./demo/layoutdemo";
import Introduction from "./demo/doc/introduction";
import Install from "./demo/doc/install";


function App() {
  return (

    <Routes>
      <Route path="/" element={<AppLayout/>}>
        <Route index element={<Start/>}/>
        <Route path={'doc'}  element={<Home/>}>
          <Route index element={<Introduction/>}/>
          <Route path={'intro/introduction'} element={<Introduction/>}/>
          <Route path={'intro/install'} element={<Install/>}/>
          <Route  path={'intro/start'} element={<StartDoc/>}/>
          <Route path={'component/button'} element={<Buttondemo/>}/>
          <Route path={'component/input'} element={<Inputdemo/>}/>
          <Route path={'component/switch'} element={<Switchdemo/>}/>
          <Route path={'component/alert'} element={<Alertdemo/>}/>
          <Route path={'component/icon'} element={<Icondemo/>}/>
          <Route path={'component/tab'} element={<Tabdemo/>}/>
          <Route path={'component/layout'} element={<Layoutdemo/>}/>
        </Route>
        {/*<Route  path={"component"} element={<Home/>}>*/}

        {/*</Route>*/}

      </Route>
    </Routes>

  );
}

export default App;
